<%@page pageEncoding="UTF-8" %>
<%@ page contentType="text/html; charset=UTF-8"%>
<%@taglib prefix="mtw" uri="http://www.mentaframework.org/tags-mtw/"%>

<!DOCTYPE HTML>
<html>
<link type ="text/css" rel="stylesheet" href="/AutoERP/css/bootstrap.css"/>
        <!-- HEADER -->
<mtw:ajaxConfig loadPrototype="true"/>
		
           
       <header class="container-fluid">

	<div class="row-fluid">

		<div class="span12">

			<div class="navbar">

				<div class="navbar-inner">

					<div class="container">
						<h2>
							<img src="/AutoERP/img/Logo.png" alt="">
						</h2>


					</div>

				</div>

			</div>

		</div>

	</div>


	<!-- / HEADER -->
	<script src="/AutoERP/js/bootstrap.js"></script>
	<script
		src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>









</header>

<body>

	<div class="navbar ">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="#" name="top">Enterprise</a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li><a href="#"><i class="icon-home icon-black"></i> Home</a></li>
						<li class="divider-vertical"></li>

						<li><a href="#"><i class="icon-lock icon-black"></i>
								Administrador</a></li>
						<li class="divider-vertical"></li>

						<li><a href="#"><i class="icon-user icon-black"></i>
								Funcionário</a></li>
						<li class="divider-vertical"></li>

						<li class="active"><a href="<mtw:contextPath/>/Cliente.listar.mtw"><i
								class="icon-user icon-black"></i> Cliente</a></li>
						<li class="divider-vertical"></li>
						<li class="divider-vertical"><a href="#"><i
								class="icon-wrench icon-black"></i> Carro</a></li>
						<li class="divider-vertical"></li>
						<li class="divider-vertical"><a href="#"><i
								class="icon-ok icon-black"></i> Serviço</a></li>
						<li class="divider-vertical"></li>
						<li><a href="#"><i class="icon-envelope icon-black"></i>
								Mensagens</a></li>
						<li class="divider-vertical"></li>
						<li><a href="#"><i class="icon-lock icon-black"></i>
								Permissions</a></li>
						<li class="divider-vertical"></li>
					</ul>
					<div class="btn-group pull-right">
						<!--<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-user"></i> admin	<span class="caret"></span>
					</a>-->
						<!--<ul class="dropdown-menu">
						<li><a href="#"><i class="icon-wrench"></i> Settings</a></li>
						<li class="divider"></li>
						<li><a href="#"><i class="icon-share"></i> Logout</a></li>
					</ul>-->
					</div>
				</div>
				<!--/.nav-collapse -->
			</div>
			<!--/.container-fluid -->
		</div>
		<!--/.navbar-inner -->
	</div>

       
        
        
	<div  style=margin-left:30px>
	<div id="legend">
		<legend class="">Editar Cliente</legend>
	</div>

	<form action="<mtw:contextPath/>/Cliente.editar.mtw" method="post" class="well span6">
	<fieldset>
	
		<div class="control-group">
		<input type="hidden" name="id_cliente" id="id_cliente" value="<mtw:out value="id_cliente"/>">
		
			<label for="de_nome" class="control-label">Nome</label>
			<div class="controls">
				<input id="de_nome" name="de_nome" value="<mtw:out value="de_nome"/>" type="text" class="input-block-level" placeholder ="Escreva o nome..." pattern="\w+ \w+.*" title="Escreva o nome completo" required >
			</div>
		</div>
		
		
		
		<label for="nu_rg">RG</label>
		<input id="nu_rg" name="nu_rg" value="<mtw:out value="nu_rg"/>" type="text" class ="span3" placeholder ="Escreva o RG..." />
		
		<label for="de_orgao_expeditor">Orgão Expeditor</label>		
		<input id="de_orgao_expeditor" name="de_orgao_expeditor" value="<mtw:out value="de_orgao_expeditor"/>"  type="text" class ="span3" placeholder ="Escreva o Orgão Expeditor ..." /></br>	
		
			<div class="control-group">
			<label for="nu_cpf"  class="control-label">CPF</label>
			<div class="controls">
				<div class="row-fluid">
					<div class="span3">
						<input id="nu_cpf" name="nu_cpf" value="<mtw:out value="nu_cpf"/>" type="text" class="input-medium-block-level" autocomplete="on" maxlength="11" pattern="\d{11}" placeholder ="Escreva o CPF..." title="11 digitos para CPF sem o ponto" required>
					</div>
					<div class="span8">
						<!-- screenshot may be here -->
					</div>
				</div>
			</div>
		</div>	
		
		<label for="nu_tel_residencial">Telefone Residêncial</label>		
		<input id="nu_tel_residencial" name="nu_tel_residencial" value="<mtw:out value="nu_tel_residencial"/>" type="text" class ="span3" placeholder ="Escreva o número residêncial..." />
		
		<label for="nu_tel_celular">Telefone Celular</label>		
		<input id="nu_tel_celular" name="nu_tel_celular" value="<mtw:out value="nu_tel_celular"/>" type="text" class ="span3" placeholder ="Escreva o número do celular..." />
		
		<label for="nu_tel_comercial">Telefone Comercial</label>		
		<input id="nu_tel_comercial" name="nu_tel_comercial" value="<mtw:out value="nu_tel_comercial"/>" type="text" class ="span3" placeholder ="Escreva o número comercial..." /></br>
				
		<div class="control-group">
		  <label for="de_email" class="control-label" for="inputIcon">e-mail </label>
		  <div class="controls">
			<div class="input-prepend">
			  <span class="add-on"><i class="icon-envelope"></i></span>
			  <input id="de_email" name="de_email" value="<mtw:out value="de_email"/>" type="text" class ="span4" placeholder ="Escreva o email .." /></br>
			</div>
		  </div>
		</div>
		
		<label for="de_endereco">Endereço</label>		
		<input id="de_endereco" name="de_endereco" value="<mtw:out value="de_endereco"/>" type="text" class ="span6" placeholder ="Escreva o endereço..." /></br>
		
		<label for="de_bairro" >Bairro</label>		
		<input id="de_bairro" name="de_bairro" value="<mtw:out value="de_bairro"/>" type="text" class ="span3" placeholder ="Escreva o bairro..." /></br>
		
		<label for="id_uf" >Estado</label>
	    <mtw:select name="id_uf" id="id_uf"  list="listaUf" extra="onchange=buscarCidade();"/>
  			
  			  			
		<label for="id_cidade">Cidade</label>
		<mtw:ajaxSelect url="jsp/cliente/CidadeAction.getCidades.mtw" name="id_cidade"  functionName="buscarCidade" sourceValue="id_uf"  />		
		
	
		<label for="nu_cep">CEP</label>		
		<input id="nu_cep" name="nu_cep" value="<mtw:out value="nu_cep"/>" type="text" class ="span3" placeholder ="Escreva CEP aqui..." /></br>
		
		<button class ="btn btn-primary">Alterar</button>
		
		</fieldset>
		</br>
	</br>
	<div class="nav-collapse collapse">
				<ul class="nav">
					<li><a href="#">Copyright (c) Brazil  Contact admin@enterprise.com</a>
					</li>
				</ul>
	</form>
	
	</div>
	</div>

</body>

</html>